$(function () {
    // 粒子线条背景
    $(document).ready(function () {
        $('.layui-container').particleground({
            dotColor: '#7ec7fd',
            lineColor: '#7ec7fd'
        })
    })


    //     // 登录操作


    //     $('form').on('submit', function(e) {
    //         e.preventDefault(); //阻止默认行为

    //         let a = $(this).serialize(); //收集表单数据

    //         $.ajax({ //提交数据
    //             type: 'post',
    //             url: '/api/login',
    //             data: a,
    //             success: function(res) {
    //                 console.log(res.message);
    //             }
    //         })
    //     })


    // 跳转页面
    $("#goto-register").on("click", function () {
        $("#login").hide();
        $("#register").show();
    });


    let layer;
    let form;
    layui.use(['layer', 'form'], function () {
        layer = layui.layer;
        form = layui.form;

        // 需求：
        //   1. 用户名、密码不能为空
        //   2. 密码  长度 6~12 位，且不能出现空格：非空格类字符；  \S

        // form.verify({
        //     password: [
        //         /^\S{6,12}$/, '密码必须6到12位，且不能出现空格'
        //     ],

        // });



        // -----------------------------------------登录
        $(".layui-form").on("submit", function (e) {
            e.preventDefault();

            // 0.是否需要做验证？不需要！


            // 1.收集数据
            let data = $(this).serialize();


            // 2.提交数据
            $.ajax({
                url: "/api/login",
                type: "POST",
                data: data,
                success: function (res) {

                    layer.msg(res.message);

                    if (res.status == 0) {
                        // 真的来到主页面
                        location.href = "/index.html";

                        // 带了tokon
                        //       设计意义：看起来允许跨域，任何人都可以使用我们的接口！
                        //       实际：只有通过注册，登录后给你token，下次访问接口的时候带上token值 才可以使用接下来服务接口！


                        // 问题：token在loginHTML页面得到，但是index页面中使用
                        //       本地储存：把数据存在浏览器内（通过浏览器存在硬盘上）
                        localStorage.setItem("mytoken", res.token);


                    }
                }
            });


        });




    });











})